<!DOCTYPE html>
<html>
<head>
	<s3:data name='MeetingDatas.headerScript' />
    <s3:import type="css"></s3:import>
    <link rel="stylesheet" href="${data:dependencies.cmp}/css/cmp-listView.css${data:buildversion}">
	<title></title>
	<style type="text/css">
		/*.cmp-table-view{ height: 0px; }*/
		.cmp-table-view-cell:after{ left: 0px; }
		.head-style:after{ height: 0px; }
		.cmp-list-cell{ border-bottom:none; }
		#noFeedback,#noJoin,#pending,#join,#haveSign{
			font-family: PingFangSC-Regular;
			font-size: 16px;
			letter-spacing: 0;
			line-height: 20px;
			height:33px;
		}
		.cmp-segmented-control.cmp-segmented-control-inverted .cmp-control-item.cmp-active:before{
			border-bottom: 0;
			background-color: #3aadfb;
			border-radius: 1.5px;
			height: 3px;
			bottom: 0;
		}
		.cmp-content div.new-tab-nav a{
			padding-bottom: 4px;
		}
	</style>
</head>
<body  class="cmp-fullscreen cmp-ios cmp-ios-9 cmp-ios-9-1">
	<div class="cmp-content relative back_f4 cmp-content-none">
		<div id="detailDiv" style="padding-top: 10px;" class="cmp-segmented-control cmp-segmented-control-inverted cmp-segmented-control-primary new-tab-nav">
			<a id="join" href="#page01" class="cmp-control-item cmp-active">
				<i18n key="meeting.page.action.attend"></i18n>
				<div class="userNumber" id="joinNumber"></div>
			</a><!-- 参加 -->
			<a id="pending" href="#page02" class="cmp-control-item">
				<i18n key="meeting.page.action.pending"></i18n>
				<div class="userNumber" id="pendingNumber"></div>
			</a><!-- 待定 -->
			<a id="noJoin" href="#page03" class="cmp-control-item">
				<i18n key="meeting.page.action.noAttend"></i18n>
				<div class="userNumber" id="noJoinNumber"></div>
			</a><!-- 不参加 -->
			<a id="noFeedback" href="#page04" class="cmp-control-item">
				<div><i18n key="meeting.page.lable.noReceipt"></i18n></div>
				<div class="userNumber" id="noFeedbackNumber"></div>
			</a><!-- 未回执 -->
			<a id="haveSign" href="#page05" class="cmp-control-item">
				<div><i18n key="meeting.page.label.sign"></i18n></div>
				<div class="userNumber" id="signNumber"></div>
			</a><!-- 已签到 -->
		</div>


			<div id="page01" class="cmp-control-content back_white cmp-active">
				<div id="page011" class="cmp-scroll-wrapper">
					<div class="cmp-scroll">
						<ul class="cmp-table-view ul_list" id="joinUserDiv">
						</ul>
					</div>
				</div>
			</div>
			<div id="page02" class="cmp-control-content back_white">
				<div id="page022" class="cmp-scroll-wrapper">
					<div class="cmp-scroll">
						<ul class="cmp-table-view ul_list" id="pendingUserDiv">
						</ul>
					</div>
				</div>
				<div id="remindersPendingUserDiv" style='position:absolute;left:0;bottom:0;width:100%;display:none;'>
					<button type='button' style='margin-bottom:0px;font-size:14px;border-radius:0px;' 
					  class='cmp-btn-primary cmp-btn-block display_inline-block' onclick="remindersPending()">
						<span>
							<i18n key="meeting.page.lable.reminders"></i18n>
						</span>
					</button>
				</div>
			</div>
			<div id="page03" class="cmp-control-content back_white">
				<div id="page033" class="cmp-scroll-wrapper">
					<div class="cmp-scroll">
						<ul class="cmp-table-view ul_list" id="noJoinUserDiv">
						</ul>
					</div>
				</div>
			</div>
			<div id="page04" class="cmp-control-content back_white">
				<div id="page044" class="cmp-scroll-wrapper">
					<div class="cmp-scroll">
						<ul class="cmp-table-view ul_list" id="noFeedbackUserDiv">
						</ul>
					</div>
				</div>
				<div id="remindersNoFeedbackUserDiv" style='position:absolute;left:0;bottom:0;width:100%;display:none;'>
					<button type='button' style='margin-bottom:0px;font-size:14px;border-radius:0px;'
					  class='cmp-btn-primary cmp-btn-block display_inline-block' onclick="remindersNoFeedback()">
						<span>
							<i18n key="meeting.page.lable.reminders"></i18n>
						</span>
					</button>
				</div>
			</div>
			<div id="page05" class="cmp-control-content back_white">
				<div id="page055" class="cmp-scroll-wrapper">
					<div class="cmp-scroll">
						<ul class="cmp-table-view ul_list" id="signUserDiv">
						</ul>
					</div>
				</div>
			</div>
	</div>
</body>
	<!-- js -->
	<s3:data name='cordova' />  
	<script src="${data:dependencies.cmp}/js/cmp-i18n.js${data:buildversion}"></script>
	<s3:import type="js"></s3:import>
	<script src="${data:dependencies.cmp}/js/cmp-imgCache.js${data:buildversion}"></script>
	<script src="${data:dependencies.cmp}/js/cmp-listView.js${data:buildversion}"></script>
	<s3:data name='MeetingDatas.footerScript' />
    <script type="text/javascript" src="<s3:data name='dependencies.meeting'/>/js/meetingUserList.js${data:buildversion}"></script>
	<script type="text/html" id="replyMemberTpl">
	 	<% 
	    	for(var i = 0,len = this.length; i < len; i++){  
	        	var data = this[i];
	    %>
		    <li class="cmp-list-cell li-border">
				<div class="attendess-wrap">
					<div class="img-wrap">
						<img class="cmp-img-cache img_setting" cmp-data="<%=data.memberId %>"  />
						
						<% if(data.look !=undefined && data.look == '1') { %>
							<div class="read-states has-read">
					           <div class="state-bg">
					              <span class="see-icon-v5-common-view-circle-fill state-color"></span>
					           </div>
					        </div>
						<%}%>
						<% if(data.look !=undefined && data.look == '0') { %>
							<div class="read-states other">
					           <div class="state-bg">
					              <span class="see-icon-v5-common-unview-circle-fill state-color"></span>
					           </div>
					        </div>
						<%}%>
					</div>
						<div class="text">
							<div class="name">
								<div style="width:75%;float:left" class="memberName"><%=data.memberName %></div>
								<div class="job"><%=data.memberPost %></div>
							</div>
						</div>
						<div style="width:25%;float:right;text-align:right;padding-right:20px;padding-top:22px;height:21px;">
							<% if(data.replyState == "noFeedback") { %>
								<% if(data.look !=undefined && data.look == '1') { %>
									<%=cmp.i18n("meeting.meetingDetail.replyState.read")%>
								<%}%>
								<% if(data.look !=undefined && data.look == '0') { %>
									<%=cmp.i18n("meeting.meetingDetail.replyState.unread")%>
								<%}%>
							<%}%>
							<% if(data.replyState == "sign") { %>
								<% if(data.signDate !=undefined && data.signDate != '') { %>
									<%=DateUtil.toString(data.signDate, "hh:mm")%>
								<%}%>
							<%}%>
						</div>
				</div>
			</li>
	    <%}%>
	</script>
</html>